@charset "utf-8";
/* CSS Document */

body
{
	margin: 0;
	padding:0;
	line-height: 1;
	font: 14px;
}

a{
	color:#333;
}
a:hover{
	text-decoration:none;
}
input
{
	padding:0;
	margin:0;
}

img
{
	border:0;
}

.clear
{
	clear:both;
}

p
{
}

.wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.main
{
	
}

.main .wrapper 
{
	background-image:url(../img/bg.png);
	height:613px;
}



.oval1, .oval2, .oval3, .oval11, .oval21, .oval31
{
	position:absolute;
	width:200px;
	height:200px;
	background-image:url(../img/bg-oval.png);
	left: -153px;
	top: -1px;
}

.oval1
{
	margin:333px 60px;
	
}

.oval2
{
	margin: 291px 706px;
}

.oval3
{
	margin: 22px 473px;
}
/**/
.oval11
{
	margin:22px 293px;
}

.oval21
{
	margin: 22px 756px;
}

.oval31
{
	margin: 22px 526px;
}
/**/

.oval1 .content, .oval2 .content, .oval3 .content,.oval11 .content, .oval21 .content, .oval31 .content
{
	margin:75px 40px;
	width:120px;
	height:56px;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	
}
.clear
{
	clear:both;
}
.cont
{
	background-color:#000;
	opacity:0.5;
}

.cont-body, .cont
{
	position:absolute;
	width:727px;
	height:347px;
	margin:260px 200px;
	border-radius:10px;
	color:#FFF;
	left: -68px;
	top: -15px;
	
	
}
.cont-body2
{
	position:absolute;
	width:600px;
	height:300px;
	/*margin:540px 200px;*/
	margin-right:100px;
	color:#fff;
	left: 105px;
	top: 26px;
}

.cont-body2 span {
    position:absolute;
    top:80px;   
    left:42px;
	
    color:#fff;
    font-family:Arial;
    font-size:20px; 
}


.navigation
{
	position:absolute;
	width:125px;
	height:79px;
	/*margin:540px 200px;*/
	/*margin-right:100px;*/
	color:#fff;
	left: 2px;
	top: 457px;
}

.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation li {
  border-bottom: 1px solid #ED9F9F;
}

.navigation li a:link, .navigation li a:visited {
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  border-left: 12px solid #711515;
  border-right: 1px solid #711515;
  background-color: #B51032;
  color: #FFFFFF;
  text-decoration: none;
}


#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:90px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;
	/* Text properties */
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
}

#navigationMenu a{
	background:url(../img/navigation.jpg) no-repeat;
	height:39px;
	width:38px;
	display:block;
	position:absolute;
	left: -458px;
}

/* General hover styles */

#navigationMenu a:hover span{ 
width:auto; padding:0 20px;overflow:visible; 
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#7da315;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}


/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#af1e83;
	color:#460f35;
	text-shadow:1px 1px 0 #d244a6;
}

/* The styles below are only needed for the demo page */

#panel-navigation{
	margin:0px auto;
	position:relative;
	width:40px;
}

#panel-navigation ul
{
	margin: 0;
	padding: 0;
	top: 200px;
	position: absolute;
}

#panel-navigation .m
{
	top:10px;
}

.cont-body .stick p
{
	padding:0;
	margin:0;
}

.cont-body .stick
{
	width:133px;
	padding-left:3px;
	height:122px;
	padding-top:30px;
	background-image:url(../img/stiker2_1.png);
	float:left;
	color:#333;
}

.cont-body .stick p
{
	text-align:center;
}

.cont-body .stick .title
{
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
	margin-top: 3px; 
}

.cont-body .stick .txt
{
	margin-top:3px;
	color:#000;
	font-size:14px;
	font-style: italic;
}

.cont-body .general-content
{
	position:relative;
	width: 707px;
	height: 307px;
	padding:10px;
	overflow-y: scroll;
}

.cont-body .general-content .materials
{
	list-style-type:decimal;
}

.cont-body .general-content .materials li
{
	margin-top:4px;
}

.cont-body .general-content .materials a
{
	color:#FFF;
	font-size:17px;
	font-style:italic;
}

.cont-body .general-content .liter
{
	background-color:#FFF;
	color:#000;
	text-align:center;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
}